<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
</head>
<style type="text/css">
.mui-input-group .mui-input-row {
	height: 80px;
}

.mui-input-row label {
	width: 100%;
	text-align: center;
}

.mui-input-row input {
	float: left !important;
	margin-left: 8% !important;
	color: #007aff;
}

.mui-input-row .mui-btn {
	float: left;
	width: 20%;
}

.hint {
	position: fixed;
	top: 290px;
	color: #007aff;
	width: 100%;
	text-align: center;
}
</style>
<form class="mui-input-group">
	<div class="mui-input-row">
		<label>微信收款账户:</label> <input type="text" autocomplete="off" value=""
			disabled> <shiro:hasPermission
				name="userAmount:getWeixinBinder">
				<div style="display: inline; margin-left: 20px">
					<a class="mui-btn mui-btn-primary" lay-submit id="weixinbindere">绑定</a>
				</div>
			</shiro:hasPermission>
	</div>
	<div class="mui-input-row">
		<label>支付宝收款账户:</label> <input type="text" autocomplete="off" value=""
			disabled> <shiro:hasPermission
				name="userAmount:getWeixinBinder">
				<div style="display: inline; margin-left: 20px">
					<a class="mui-btn mui-btn-primary" type="sumbit" id="alibeinder">绑定</a>
				</div>
			</shiro:hasPermission>
	</div>
	<div class="mui-input-row">
		<label>账户余额:</label> <input type="text"
			style="text-align: center; width: 86%;" autocomplete="off"
			value=${compBalanceStr } disabled>
		</div>
	<div class="mui-button-row">
		<a type="button" class="mui-btn mui-btn-primary submit">立即提现</a>
	</div>
</form>
<div id="QRCode" style="background-color: white; width: 100%;">
	<img
		style="display: block; margin: auto; padding-top: 10px; width: 70%;"
		src="">
</div>

<script type="text/javascript">
    	mui('#offCanvasContentScroll').scroll().scrollTo(0,0);
    	
    	$(".mui-title").html("资金账户");
    	
    	var img = "data:image/jpg;base64,";
		$.get("/userAmount/getWeixinBinder",function(res){
			img = img+res.substring(1,res.length-1);
			$("#QRCode img").attr("src",img)
		})
		$("#QRCode").hide();
		$("#alibeinder").on("touchstart",function(e){
			$("#QRCode").show();
			$(".hint").remove();
			$("#QRCode").append("<span class='hint'>请用支付宝扫描二维码进行绑定</span>")
			$(document).one("touchstart", function(){
				$("#QRCode").hide();
		    });
		    e.stopPropagation();
		})
		
		$("#weixinbindere").on("touchstart",function(e){
			$("#QRCode").show();
			$(".hint").remove();
			$("#QRCode").append("<span class='hint'>请用微信扫描二维码进行绑定</span>")
			$(document).one("touchstart", function(){
				$("#QRCode").hide();
		    });
		    e.stopPropagation();
		})
		
	</script>
</html>